<template>
	<view>
		<uv-sticky bgColor="#f4f5f8">
			<uv-tabs :list="list" :current="current" @change="onChange"
				:activeStyle="{color: '#000000',transform: 'scale(1.05)',fontSize:'15px' }"
				:inactiveStyle="{color: '#A2A4A6', transform: 'scale(1)' ,fontSize:'16px'}" itemStyle=" height: 44px;"
				:lineColor="`url(../../static/slider.png) 100% 100%`" lineHeight="7" lineWidth="26"></uv-tabs>
		</uv-sticky>
	</view>
</template>

<script>

	export default {
		props: {
			tabsList: {
				type: Array,
				default:''
			},
			tabsCurrent: {
				type: Number
			}
		},
		data() {
			return {
				
				list: [],
				current: 0
			};
		},
		mounted(){
				this.list = this.$props.tabsList
		},
		methods:{
			onChange(item){
				this.$emit('tabItem',item)
			}
		}

	}
</script>

<style lang="scss" scoped>
::v-deep .uv-tabs__wrapper__nav{
	background-image:url('../../static/love_bg.jpg');
}
::v-deep .uv-tabs__wrapper__nav__item {
			flex: 1 1 0% !important;
		}
</style>
